@import 'reset.css';

body,
html {
  width: 100%;
  height: 100%;
}

.zhtitle {
  font-size: 27px;
  font-weight: bold;
  color: #902f4c;
  line-height: 32px;
}

.entitle {
  font-size: 16px;
  color: #902f4c;
  margin-bottom: 20px;
}

/* 合作加盟  */
/* 招贤纳士部分 */
.careers-std {
  text-align: center
}

.careers-std h2 {
  font-weight: bold;
  font-size: 24px;
  line-height: 24px;
  color: #636363;
  padding-bottom: 15px;
}

.careers-std h2::after {
  content: '';
  display: block;
  width: 180px;
  height: 1px;
  background-color: #0089bb;
  margin: auto;
  margin-top: 20px;
}

.buttons2 {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}

.buttons2 .big-button {
  display: inline-block;
  width: 310px;
  margin: 0 20px;
  background: #058ec2;
  border: 1px solid #058ec2;
}

.buttons2 .inn-button-2 {
  background: none;
}

.buttons2 .big-button {
  display: inline-block;
  width: 310px;
  margin: 0 20px;
  background: #058ec2;
  border: 1px solid #058ec2;
}

.bck-image {
  background: url(../images/about/hezuo.jpeg);
  background-repeat: no-repeat;
  background-position: top center;
  width: 100%;
  height: 520px;
  background-size: cover;
}

.careers-posi-bg {
  position: absolute;
  height: 200px;
  bottom: 0;
  right: 0;
  background: #0089bb;
  opacity: 0.8;
  filter: alpha(opacity=80);
  width: 100%;
}

.col-main {
  padding: 60px 0 0 55px;
}

.imgb {
  margin-bottom: 10px;
}

.block1 p {
  color: #fff;
  font-size: 14px
}

.main-innovation-xc {
  font-size: 14px;
  color: #808285
}

.job-banner {
  width: 100%;
  height: 297px;
}

.job-banner {
  width: 100%;
  height: 297px;
}

.table-box table thead {
  background: #428bca;
}

table tbody tr:nth-child(odd) {
  background: #f5f5f5;
}

.table-box table tbody th {
  text-align: center;
  padding: 25px 0px;
  font-size: 16px;
  color: #333;
  border-left: 0;
  border-right: 0;
}

.table-box table thead th {
  text-align: center;
  padding: 15px 0;
  font-size: 16px;
  border: 0;
  color: #fff;
}

.incoStyle {
  font-size: 14px;
  margin-top: 2px;
  color: #888;
  margin-left: 6px
}

/* 招聘职位详情 */
.ap_bottom-foot {
  margin-bottom: 50px;
}

.application_position {
  width: 90%;
  margin: 0 auto;
  margin-top: 40px;
  border: 1px solid #e8e8e8;
}

.ap_top {
  width: 100%;
  text-align: center;
  color: #fff;
  background: #388fba;
  height: 48px;
  font-size: 20px;
  line-height: 48px;
}

.ap_middle {
  padding: 18px 0;
  overflow: hidden;
}

.p_border {
  border-bottom: 1px solid #e8e8e8;
}

.ap_maxWidth {
  max-width: 800px;
  margin: 0 auto;
}

.ap_middle span {
  font-size: 16px;
  color: #333;
  display: block;
  padding: 10px 0;
}

.ap_middle i {
  font-style: normal;
  color: #0086c6;
  display: inline-block;
  width: 100px;
}

.ap_bottom {
  padding: 45px 0 60px;
  overflow: hidden;
}

.ap_maxWidth {
  max-width: 800px;
  margin: 0 auto;
}

.ap_bottom .ap_bottom_tit {
  font-size: 16px;
  color: #0086c6;
}

.ap_bottom span {
  padding: 0 0 20px;
  display: block;
}

.ap_bottom_txt {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 28px;
}

.ap_bottom .ap_bottom_tit {
  font-size: 16px;
  color: #0086c6;
}

.ap_bottom span {
  padding: 0 0 20px;
  display: block;
}

.Application_for_position {
  width: 100px;
  height: 40px;
  background: #388fba;
  margin: 0 auto;
  text-align: center;
  border-radius: 3px;
  margin-top: 50px;
}

.Application_for_position a {
  font-size: 16px;
  line-height: 40px;
  color: #fff;
  display: block;
  width: 100%;
}



/* 品牌客户 */
.brand_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 50px;
}

.brand_wrap li {
  /* float: left; */
  width: 300px;
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
}

.brand_wrap li:hover {
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}

.brand_wrap li p {
  color: #808285;
  font-size: 16px;
}

.brand_wrap li img {
  margin-bottom: 10px;
}

/* .badges .badges-c img {
  display: block;
  margin: 0 auto;
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
}

.badges .badges-c img:hover {
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
} */


/* 合作方案 */
.cooperation-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column
}

.cooperation-ts {
  font-size: 16px;
  line-height: 24px;
  color: #808285;
  padding-bottom: 25px;
}

.cooperation-td {
  font-size: 14px;
  line-height: 24px;
  color: #808285;
}

.cooperation-contract {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px
}

.cooperation-contract li {
  width: 300px;
  height: 500px;
  background: #0086c6;
  margin: 10px
}

.cooperation-us li {
  font-size: 14px;
  line-height: 24px;
  color: #808285;
}

/* 办公环境 */
.office-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.office-innerWrap {
  flex: 1
}

.league {
  padding: 50px 40px;
  background-color: #fff;
  margin-top: 25px;
  font-size: 14px;
  color: #1a1a1a;
  line-height: 24px;
  margin: 0 auto
}

/* 
.staffmien {
  background-color: #fff;
  padding: 50px 60px;
  width: 910px;
  margin: 0 auto;
}

.staffmienlist {
  position: relative;
  height: 600px;
}

.staffmienlist dl {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  background-color: #0086c6;
  width: 800px;
  overflow: hidden;
}

.staffmienlist dl dt {
  float: left;
  width: 800px;
  height: 600px;
  position: relative;
}

.staffmienlist dl dt img {
  display: block;
  width: 800px;
  height: 600px;
  position: relative;
  z-index: 1;
  border: 0px;
}



.staffmienlist dl dt .name {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../webimages/insideBg-07.png) repeat;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  display: block;
  overflow: hidden;
  width: 100%;
  z-index: 5;
}

.staffmienlist .leftbtn {
  background-position: left center;
  left: -90px;
  position: absolute;
  top: 295px;
  display: block;
  width: 40px;
  height: 41px;
  background: url(../images/office/insideIcon-12.png) no-repeat
}

.staffmienlist .rightbtn {
right: -90px;
position: absolute;
top: 295px;
display: block;
width: 40px;
height: 41px;
background: url(../images/office/insideIcon-12.png) no-repeat;
background-position: -40px;
}

.staffmienbtns {
  padding: 0 35px;
  position: relative;
}

.staffmienbtnslist {
  overflow: hidden;
  height: 124px;
  margin-top: 30px;
}

.staffmienbtnslist ul {
  height: 124px;
}

.staffmienbtnslist ul li {
  float: left;
  width: 110px;
  height: 82px;
  position: relative;
  margin-right: 14px;
  overflow: hidden;
}

.staffmienbtnslist ul li img {
  display: block;
  width: 110px;
  height: 82px;
  border: 0px;
}

.staffmienbtnslist ul li a {
  display: block;
  width: 110px;
  height: 82px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
}

.staffmienbtns .leftbtn {
  background-position: left center;
  left: 0;
  position: absolute;
  top: 0;
  display: block;
  width: 25px;
  height: 82px;
  background: url(../images/office/insideIcon-20.gif) no-repeat;
}

.staffmienbtns .rightbtn {
  right: 0;
  position: absolute;
  top: 0;
  display: block;
  width: 25px;
  height: 82px;
  background: url(../images/office/insideIcon-20.gif) no-repeat;
  background-position: -25px
}


.staffmienbtnslist ul li a {
  display: block;
  width: 110px;
  height: 82px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
}

.staffmienbtnslist ul li a:hover,
.staffmienbtnslist ul li a.cur {
  background: url(../images/office/default_3.gif) no-repeat;
}

.staffmienbtns .leftbtn:hover,
.staffmienbtns .rightbtn:hover {
  background-image: url(../images/office/insideIcon-21.gif);
} */







/*图片展示*/
.staffmien {
  background-color: #fff;
  padding: 50px 0px;
  width: 800px;
  margin: 0 auto;
}

.staffmienlist {
  position: relative;
  height: 600px;
}

.staffmienlist dl {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  background-color: #e94709;
  width: 800px;
  overflow: hidden;
}

.staffmienlist dl dt {
  float: left;
  width: 800px;
  height: 600px;
  position: relative;
}

.staffmienlist dl dt img {
  display: block;
  width: 800px;
  height: 600px;
  position: relative;
  z-index: 1;
}

.staffmienlist dl dt .name {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../images/office/insideBg-07.png) repeat;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  display: block;
  overflow: hidden;
  width: 100%;
  z-index: 5;
}

.staffmienlist .leftbtn,
.staffmienlist .rightbtn {
  position: absolute;
  top: 295px;
  display: block;
  width: 40px;
  height: 41px;
  background: url(../images/office/insideIcon-12.png) no-repeat;
  background-position: -40px;
}

.staffmienlist .leftbtn {
  background-position: left center;
  left: -90px;
}

.staffmienlist .rightbtn {
  background-position: right center;
  right: -90px;
}

.staffmienlist .leftbtn:hover,
.staffmienlist .rightbtn:hover {
  background-image: url(../images/office/insideIcon-13.png);
}

.staffmienbtns {
  padding: 0 35px;
  position: relative;
}

.staffmienbtnslist {
  overflow: hidden;
  height: 124px;
  margin-top: 30px;
}

.staffmienbtnslist ul {
  height: 124px;
  width: 1110px;
}

.staffmienbtnslist ul li {
  float: left;
  width: 110px;
  height: 82px;
  position: relative;
  margin-right: 14px;
  overflow: hidden;
}

.staffmienbtnslist ul li img {
  display: block;
  width: 110px;
  height: 82px;
}

.staffmienbtnslist ul li a {
  display: block;
  width: 110px;
  height: 82px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
}

.staffmienbtnslist ul li a:hover,
.staffmienbtnslist ul li a.cur {
  background: url(../images/office/insideBg-15.gif) no-repeat;
}

.staffmienbtns .leftbtn,
.staffmienbtns .rightbtn {
  position: absolute;
  top: 0;
  display: block;
  width: 25px;
  height: 82px;
  background: url(../images/office/insideIcon-20.gif) no-repeat;
}

.staffmienbtns .leftbtn {
  background-position: left center;
  left: 0;
}

.staffmienbtns .rightbtn {
  background-position: right center;
  right: 0;
}

.staffmienbtns .leftbtn:hover,
.staffmienbtns .rightbtn:hover {
  background-image: url(../images/office/insideIcon-21.gif);
}